.app>*{
    padding: 0 .533333rem;
}

div{
    box-sizing: border-box;
}

html{
    font-size: 5vw;
}

.top{
    background:url(../img/bg.jpg) no-repeat;
    width: 100%;
    height: 10.933333rem;
    background-size: 100% 125%;
    overflow: hidden;
    .top-sort{
        width: 100%;
        height: 1.92rem;
        margin-top: .4rem;
        // background-color: aquamarine;
        display: flex;
        justify-content: space-between;
        align-items: center;
        img{
            width: .96rem;
            height: 1.546667rem;
            background-size: 100% 100%;       
        }
        .roll{
            width: 55%;
            height: 1.92rem;
        }
        
    }
    .top-search{
        width: 100%;
        height: 1.733333rem;
        margin-top: .533333rem;
        border-radius: 25px;
        background-color: #fff;
        display: flex;
        align-items: center;
        img{
            width: 1.493333rem;
            height: 1.493333rem;
            margin-left: .8rem;

        }
        a{
            width: 10.253333rem;
            height: .853333rem;
            color: #c6c4bf;
            font-size: .853333rem;
        }
    }
}

// .poster{
//     position: relative;
//     height: 6.4rem;
//     border-radius: .426667rem;
//     padding: 0;
//     margin: 0 .533333rem;
//     overflow: hidden;
//     top: -5.95rem;
//     li{
//         position: absolute;
//         width: 100%;
//         height: 6.4rem;
//         img{
//             width: 100%;
//             height: 6.4rem;
//         }
//     }
// }

// li{
//     list-style: none;
// }

.box{
   height: 6.4rem;
   position: relative;
   top: -5.9rem;
   .swiper-container{
    height: 6.4rem;
    overflow: hidden;
    border-radius: .426667rem;;
        img{
            width: 100%;
            height: 6.4rem;
        }
}
    
}

.meetingplace{
    position: absolute;
    top: 11.4333rem;
    height: 7.466667rem;
    width: 100%;
    padding: 0;
    font-size: 0;
    img{
        width: 33.3%;
        height: 7.466667rem;

    }
}

.icon{
    height: 7.8rem;
    // background-color: yellow;
    padding: 0;
    margin-top: 2.1rem;
    display: flex;
    flex-wrap: wrap;
    .icon-logo{
        width: 20%;
        height: 3.2rem;
        // background-color: blue;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        img{
            height: 1.8rem;
            display: block;
        }
        a{

            font-size: .64rem;
        }

    }
}

.gift{
    height: 7rem;
    padding: 0;
    font-size: 0;
    // background-color: blue;
    margin-top: 0.9rem;
    img{
        height: 6.4rem;
    }
    .gift-img1{
        width: 50%;
    }
    .gift-img2{
        width: 25%;
    }
}